<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>badge</title>
    <link rel="stylesheet" href="////at.alicdn.com/t/font_3388156_1oc5iccuol3.css">
</head>

<body>
    <!-- 主体 徽章-->
    <main class="df fdc os">
        <!-- 蓝色数字展览盒子  -->
        <div class="Blue-number">
            <!-- 版心 -->
            <div class="wrap">
                <!-- 返回 -->
                <div class="return cfff fs30 tl return-btn">
                    &lt</div>
                <!-- 我的徽章 -->
                <div class="motion-text-box df jcsb aic">
                    <!-- 我的徽章 -->
                    <div class="motion-text fs24 cfff fl1">
                        <div>我的徽章</div>
                        <div class="fs20 testlog">MY BADGES</div>
                    </div>
                    <!-- 今日排名 -->
                    <div class="ranking  df ">
                        <!-- 今日排名txt -->
                        <div class="ranking-text">今日排名</div>
                        <!-- 数字 -->
                        <div class="cfff ranking-number ta">
                            9
                        </div>
                        <i class="iconfont icon-huizhang"></i>
                    </div>
                </div>

            </div>

        </div>
        <!-- 白色图形展览图 -->
        <div class="White-graphics fl1">
            <!-- <div class="wrap"> -->
            <!-- 最近7天运动时长 -->
            <div class="motion-duration df fww jife">
            </div>

            <!-- </div> -->

        </div>




    </main>
    <div class="meng df fdc aic jss">
        <div class="hader">&lt</div>
        <div class="contentimg">
            <!-- <div class="imgbox ta">
                <div class="img">
                    <img src="../../assets/imgs/mybadge03.jpg" alt="">
                </div>
                <div class="title fs24">1</div>
                <div class="text fs16">1</div>
            </div>
            <div class="badgeTime">1</div> -->
        </div>

    </div>
</body>

</html>